<%= javascript_include_tag "shipper_register" %>
<div id="block_div" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index:3;background: #000;opacity: 0.45;vertical-align: middle;text-align: center;">
  <p style="display: block;color: white;font-size: 14px;">正在提交...</p>
</div>
<div style="border: 1px solid #ccc;margin: 2px 0;padding: 10px;background-color: #fff;height: 500px;">
  <div style="border-bottom: 2px solid #3ba0e4;padding-top: 10px;padding-bottom: 10px;height: 50px;">
    <div style="float: left;">
      <span style="font-size: 16px;font-weight: bold;">个人用户注册</span>
    </div>
    <div style="float: right;">
      <img src="/assets/p-step-1.png" style="margin-right: -17px;">
      <img src="/assets/p-step-2.png">
    </div>

  </div>

  <div class="register" id = "shipper_user_div" style="width: 700px;float: left;margin-top: 20px;">
    <%= form_for @user, :url => users_create_shipper_path do |f| %>
        <table class="reg_table" cellpadding="0" cellspacing="6">

          <tr>
            <td class="one right">用户帐号&nbsp;&nbsp;&nbsp;<label class="not-null">*</label></td>
            <td class="two left"><%= f.text_field :login %></td>
            <td class="left" id="user_login_msg"><%= @user.diy_error_msg :login %></td>
          </tr>
          <tr>
            <td class="one right">Email &nbsp;&nbsp;&nbsp;<label class="not-null">*</label></td>
            <td class="two left"><%= f.text_field :email %></td>
            <td class="left" id="user_email_msg"><%= @user.diy_error_msg :email %></td>
          </tr>
          <tr>
            <td class="one right">设置密码&nbsp;&nbsp;&nbsp;<label class="not-null">*</label></td>
            <td class="two left"><%= f.password_field :password %></td>
            <td class="left" id="user_password_msg"><%= @user.diy_error_msg :password %></td>
          </tr>
          <tr>
            <td class="one right">确认密码&nbsp;&nbsp;&nbsp;<label class="not-null">*</label></td>
            <td class="two left"><%= f.password_field :password_confirmation %></td>
            <td class="left" id="user_password_confirmation_msg"><%= @user.diy_error_msg :password_confirmation %></td>
          </tr>

          <tr>
            <td></td>
            <td class="two left"><%= f.check_box :acceptance %>我接受《<a href="###">物流平台服务协议</a>》</td>
            <td class="left" id="user_acceptance_msg"><%= @user.diy_error_msg :acceptance %></td>
          </tr>
          <tr>
            <td></td>
            <td>
              <a href="###" id="create_shipper_user" class="inline-block s-btn">下一步</a>
            </td>
            <td></td>
          </tr>
        </table>
    <% end %>
  </div>


  <div style="margin-top: 20px;">
    <div style="font-size: 15px;text-align: center;">
    <p>已有物流平台帐号？</p>
    <a href="/login"><img src="/assets/login.png"></a>
    </div>
    <div>
      <p>北洋慧通物流服务平台包括：船公司管理系统，场站集装箱管理系统，车队管理系统，货代管理系统等。咨询电话：187********</p>
    </div>
  </div>

</div>

<style type="text/css">
    .one{
        width: 90px;
    }
    .right{
        text-align: right;
    }
    .two{
        width: 260px;
    }
    .left{
        text-align: left;
    }
    .not-null{
        color: red;
    }
    .reg_table {
        margin: 15px;
        font-size: 14px;
        background: #FFFFFF;
    }

    .reg_table td {
        border: none;
        height: 40px;
        background: #FFFFFF;
    }

    .reg_table input[type="text"], input[type="password"] {
        border: 1px solid #ccc;
        width: 250px;
        height: 25px;
        font-size: 14px;
    }

        /*.reg_table input:focus {*/
        /*border: 1px solid #3ba0e4;*/

        /*}*/


</style>
